<template>
    <div class="title">
        <img class="back" src="../assets/Fill 1@2.88x.png" alt="" @click="backs">
       {{navtitle}}
    </div>
</template>
<script>
export default {
    props:[
        'navtitle'
    ],
    data(){
        return{
          
        }
    },
    methods:{
        backs(){
            this.$router.back(-1)
        }
    }
}
</script>
<style scoped lang="scss">
    .title{
        height: 0.435rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        color: #030303;
        font-size: 0.18rem;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        .back{
            position: absolute;
            left:0.14rem;
            bottom: 0.1rem; 
            width: 0.1rem;
            height: 0.18rem;
        }
        &::after{
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            background: #ccc;
            height: 1px;
            transform:scale(1,0.5) 
        }
    }
</style>
